<!-- START BLOCK : DISPLAYPERSONA -->
<style type="text/css">
img.imagen {
	border:1px solid black;
	padding:3px;		
}
</style>
<fieldset class="ui-widget"> 
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Informaci&oacute;n de la persona</legend>
<table style="width:100%">
<tr>
<td valign="top">
{foto}
</td>
<td  valign="top" style="text-align:left">
  <div style="font-size:16px; color:#CC6600"> {nombre_persona}</div>
  <!-- Array ( [id_persona] => 139 [nombre_persona] => Francisco Rodriguez [ci] => 16461927 [email] => frodcomics@yahoo.com [id_instituto] => 1 [celular] => 04123002813 [bb_pin] => [stamp] => 2011-07-31 16:27:25 [nick] => Fran [id_referido] => 0 [es_profesor] => 1 [porcentaje] => 50.00 [inactivo] => 0 [aprobado] => 1 [genero] => 0 [fecha_nacimiento] => [password] => 2aee1c40199c7754da766e61452612cc [codigo_validacion] => [id_urbanizacion] => 395 [id_municipio] => 99 [pin_persona] => [es_dondeaprendo] => 1 [region] => Distrito Capital Caracas - Munic Baruta Santa Fe Norte [profesion] => [intereses] => matematica, fisica,quimica [nombre_instituto] => Universidad Simon Bolivar [acronimo] => USB ) 
  -->
   <strong>CI</strong>: {ci}<br />
   <strong>Email</strong>: <a href="mailto:{email}">{email}</a><br />
   <strong>Nick</strong>: {nick}<br />
   <strong>Instituto</strong>: {nombre_instituto}<br />
   <strong>BB PIN</strong>: {bb_pin}<br />
   <strong>region</strong>: {region}<br />
   <strong>Saldo</strong>: {saldo}<br />
</td>
</tr>
</table>
</fieldset>
<!-- START BLOCK : DISPLAYPERSONA -->
<!-- START BLOCK : SECCIONTAB -->
<!--script type="text/javascript">
$(function() {
	$("#secciontab").tabs();
	$('#secciontab').bind('tabsshow', function(event, ui) {
		if (ui.panel.id == "tabs-1") {
			$("input[name='descripcion']").focus();
		}
	});
});
</script-->

<div id="secciontab">
	<!--ul>
		<li><a href="#tabs-1">Registrar Pago</a></li>
		<li><a href="#tabs-2">Clases Recibidas</a></li>
		<li><a href="#tabs-3">Cuentas</a></li>
	</ul-->
    <div id="tabs-1">           
    </div>
</div>
<!-- END BLOCK : SECCIONTAB -->
<!-- START BLOCK : SECCIONPROFESOR -->
<!--script type="text/javascript">
$(function() {
	$("#seccionprofesor").tabs();
	$('#seccionprofesor').bind('tabsshow', function(event, ui) {
		if (ui.panel.id == "tabs-1") {
			$("input[name='descripcion']").focus();
		}
	});
});
</script-->

<div id="seccionprofesor">
	<!--ul>
		<li><a href="#tabs-11">Adelanto Efectivo</a></li>
		<li><a href="#tabs-12">Clases Otorgadas</a></li>		
	</ul-->
    <div id="tabs-12">    
 		<!-- START BLOCK : CLASESOTORGADAS -->
        <h3>Desempe&ntilde;o como Profesor</h3>
      <fieldset class="ui-widget">
        <legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Clases dadas por {nombre_persona}</legend>
        <table class="tablada">
        <tr>
          <th>Clase</th>
        <th>Fecha</th><th>Comentarios</th><th>Horas
        <th>Monto recaudado</th>
        <th>Comisión (con % actual)</th>
        </tr>
        <!-- START BLOCK : COITEM -->
        <tr>
          <td><a href="clases_ver.php?idc={id_clase}">{descripcion_clase}</a></td>
        <td>{fecha_clase}</td><td>{comentarios}</td>
        <td style="text-align:center">{totalhoras}</td><td style="text-align:right">{totalmonto}</td>
        <td style="text-align:right">{comision}</td>
        </tr>
        <!-- START BLOCK : COITEM -->
        <!-- START BLOCK : COTOTAL -->
        <tr class="total">
        <td style="text-align:right; padding-right:20px;" colspan="3"><strong>Total</strong></td>
        <td style="text-align:center"><strong>{total_horas}</strong></td>
        <td style="text-align:right"><strong>{total_monto}</strong></td>
        <td style="text-align:right">&nbsp;</td>
        </tr>
        <!-- END BLOCK : COTOTAL -->
        </table>
        </fieldset>
        <!-- END BLOCK : CLASESOTORGADAS -->	
    </div>
</div>
<!-- END BLOCK : SECCIONPROFESOR -->
<!-- START BLOCK : FORMULARIOAGREGAR -->
<fieldset class="">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Informacion de la persona</legend>
<form action="{self}" method="post" id="frmpersona">
<input type="hidden" name="es_profesor" value="0" />
 <input type="hidden" name="es_profesor" value="1" />
<table class="tablaform">
<tr>
<td>Nombre</td>
<td><input name="nombre_persona" type="text" id="nombre_persona" value="{nombre_persona}" size="30" maxlength="100"></td>
</tr>
<tr>
<td>CI</td>
<td><input type="text" name="ci" value="{ci}" size="15" maxlength="15" /></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="email" size="30" maxlength="100" value="{email}" id="email"></td>
</tr>
<tr>
  <td>Institucion</td>
  <td>{comboinstitutos} <a href="editar_instituto.php" style="color:#2A358F">Agregar instituto</a></td>
  

</table>
<style type="text/css">
.tablaform tr td {
	font-weight:bold;
}
</style>
<input type="hidden" name="id_referido" id="id_referido" value="{id_referido}" />
<br>
<br>
<input type="submit" class="fg-button ui-state-default ui-corner-all" name="btn_guardar" value="Guardar">
<input type="submit" class="fg-button ui-state-default ui-corner-all" name="btn_agregar_otro" id="btn_agregar" value="Guardar y agregar otra Persona">
<a class="fg-button ui-state-default ui-corner-all" href="main.php">Cancelar</a>
<input type="hidden" name="id_persona" value="{id_persona}">
<input type="hidden" name="accion" value="agregar">
</form>
<script type="text/javascript">
$(function() {
	if($("#act_es_profesor").val()=="1") $(".porcentaje").show(); else $(".porcentaje").hide();
	$("input[name='es_profesor']").change(function() {
		$val = $(this).val();
		if($val=="0") $(".porcentaje").hide(); else $(".porcentaje").show();
	});	
	$("#frmpersona").submit(function() {
		if($("#nombre_persona").val().esVacio()){
			alert("Debe escribir el nombre de la persona");
			$("#nombre_persona").focus();
			return false;
		}
		if($("input[name='ci']").val().esVacio()){
			alert("La cedula de identidad es obligatoria");
			$("input[name='ci']").focus();
			return false;
		}
	});
	$("#es_profesor_set").buttonset();
	$("#inactivo_set").buttonset();
	$("#nombre_persona").focus();
	$("#referido").autocomplete({
        source: "./servicios/getNombres.php",
        delay: 200,
        select: function(event, ui) {
            if(ui.item.id!="0") agregar(ui.item.id);
        }
      }); 
});
function agregar($elem) {
	$("#id_referido").val($elem);
};
</script>
</fieldset>
<!-- END BLOCK : FORMULARIOAGREGAR -->
<!-- START BLOCK : CAMBIOPASSWORD -->
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Cambiar Password</legend>
<form method="post"  action="{self}">
<input type="hidden" name="id_persona" value="{id_persona}" />
<input type="hidden" name="accion" value="cambio_password" />
<table class="tablagris">
<tr>
<th>Password</th><th>Repetir Password</th><th>&nbsp;</th>
</tr>
<tr>
<td><input type="password" name="password" /></td><td><input type="password" name="rpassword"  /></td><td><input type="submit" class="fg-button ui-state-default ui-corner-all" id="btn_cambiar_password" value="Cambiar Password" /></td>
</tr>
</table>
</form>
</fieldset>
<!-- END BLOCK : CAMBIOPASSWORD -->
<!-- START BLOCK : FORMLISTADO -->
<h3>Busqueda de Alumnos</h3>
<form method="post" action="{self}">
  <input type="text" size="40" maxlength="40" name="txtbusqueda" value="{txtbusqueda}" />
  &nbsp;<input type="submit" value="Buscar" class="boton" />
</form>
<br />
<script type="text/javascript">
$(function() {
	$("input[name='txtbusqueda']").select().focus();
});
</script>
<!-- END BLOCK : FORMLISTADO -->
<!-- START BLOCK : LISTADOALUMNOS -->
<table class="full" style="width:100%">
<thead>
<tr>
<th>Nombre</th><th>Nick</th><th>Instituto</th><th>Saldo</th>
</tr>
</thead>
<tbody>
<!-- START BLOCK : ITEMALUMNOS -->
<tr>
<td><a href="ver_perfil_alumno.php?ida={id_persona}">{nombre_persona}</a></td><td>{nick}</td><td>{nombre_instituto}</td><td style="text-align:right">{saldo}</td>
</tr>
<!-- END BLOCK : ITEMALUMNOS -->
</tbody>
</table>
<!-- END BLOCK : LISTADOALUMNOS -->
<br />
<br />
